<!-- 投资环境 -->
<template>
  <div>
	<Row :gutter="16" class="environment">
		<Col span="8">
			<Card :padding="0" :bordered="false" :dis-hover="true" class="card">
				<img src="../../assets/environment/environment01.jpg">
				<div class="bottom-font">
					<span>内部环境</span>
				</div>
			</Card>
		</Col>
		<Col span="8">
			<Card :padding="0" :bordered="false" :dis-hover="true" class="card">
				<img src="../../assets/environment/environment01.jpg">
				<div class="bottom-font">
					<span>内部环境</span>
				</div>
			</Card>
		</Col>
		<Col span="8">
			<Card :padding="0" :bordered="false" :dis-hover="true" class="card">
				<img src="../../assets/environment/environment01.jpg">
				<div class="bottom-font">
					<span>内部环境</span>
				</div>
			</Card>
		</Col>
	</Row>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style scoped lang="less"> 
	.environment{
		margin-bottom: 300px;
		.card {
			position: relative;
				img {
				max-width: 100%;
			}
			.bottom-font {
				width: 100%;
				height: 75px;
				background-color: rgba(55, 43, 18, 0.6);
				position: absolute;
				left: 0;
				bottom: 0;
				text-align: center;
				span {
					font: 30px/75px "Microsoft YaHei";
					color: #fff;
				}
			}
		}
		
	}
</style>